<template>
  <div class="reg-container">
    <div class="reg-top">
      <div class="to-img">
        <img src="/img/logo.png" alt />
      </div>
      <!-- <div class="to-reg">{{$t('reg.register')}}</div> -->
    </div>

    <div class="main-sy" >
      <!-- <router-view></router-view>   -->
      <register>register</register>
      <!-- <vorifyEmail></vorifyEmail> -->
      <!-- <regSuccess></regSuccess> -->
      <!-- <improving></improving> -->
      <!-- <regMaterial class="step1"></regMaterial> -->
      <!-- <router-link to="./register"></router-link> -->
      <!-- <router-link to="/vorifyEmail">{{vorifyEmail}}</router-link> -->
      <!-- <router-link to="/regSuccess">{{regSuccess}}</router-link> -->
      <!-- <router-link to="/improving">{{improving}}</router-link> -->
      <!-- <router-link to="/regMaterial">{{regMaterial}}</router-link> -->
      <!-- <router-view></router-view> -->

      <!-- <button @click="handleTab(1)">tab1</button>
        <button @click="handleTab(2)">tab2</button>
        <button @click="handleTab(3)">tab3</button>
        <button @click="handleTab(4)">tab4</button>
        <div v-if="isShow === 2">
          <Tab1 />
        </div>
        <div v-if="isShow === 3">
          <Tab2 />
        </div>
        <div v-if="isShow === 4">
          <Tab3 />
        </div>
        <div v-if="isShow === 5">
          <Tab4 />
        </div>
      </div>-->
    </div>

    <div class="reg-footer">
      <span class="footer-border">关于校谱</span>
      <span class="footer-border">规范运营</span>
      <span class="footer-border">客服中心</span>
      <span class="footer-border">联系邮箱</span>
      <span class="footer-border">侵权投诉</span>
      <span class="footer-border">Copyright&copy;无锡五壹教育科技有限公司Inc,all rights reserved</span>
    </div>
  </div>
</template>
<script>
// import regSel from '@/components/regSel'
// import top from "./top";
// import footer from "./footer";

import regMaterial from "./regMaterial";
import improving from "./improving";
import regSuccess from "./regSuccess";
import vorifyEmail from "./vorifyEmail";
import register from "./register";
import website from "@/config/website";
import { mapGetters } from "vuex";
import { dateFormat } from "@/util/date";
import { validatenull } from "@/util/validate";
import topLang from "@/page/index/top/top-lang";
import topColor from "@/page/index/top/top-color";

export default {
  imageUrl: "",
  name: "reg",
  components: {
    register,
    vorifyEmail,
    regSuccess,
    improving,
    regMaterial

    // top,
    // footer
  },

  data() {
    return {
      // activeName: "user"
      isShow: 1
    };
  },
  methods: {
    handleTab(v) {
      this.isShow = v;
    }
  },

  watch: {
    $route() {
      // const params = this.$route.query;
      // this.socialForm.state = params.state;
      // this.socialForm.code = params.code;

      console.log("===========");
    }
    // created() {
    //     this.getTime();
    //     setInterval(() => {
    //       this.getTime();
    //     }, 1000);
    //   },
    //   mounted() {},
    //   computed: {
    //     ...mapGetters(["website"])
    //   },
    // props: [],
    // methods: {
    //   getTime() {
    //     //     this.time = dateFormat(new Date());
    //   }
  }
};
</script>

<style lang="scss" scoped>
@import "@/styles/reg.scss";
</style>





